import React from 'react';
import { Container, Typography, Box } from '@mui/material';
import FriendList from '../features/friends/components/FriendList';

const Friends: React.FC = () => {
  return (
    <Container maxWidth="lg" sx={{ mt: 4, mb: 4 }}>
      <Box sx={{ mb: 4 }}>
        <Typography variant="h4" component="h1" gutterBottom>
          我的好友
        </Typography>
      </Box>
      <FriendList />
    </Container>
  );
};

export default Friends;